@import url(./base.less);

// 以375为准
@rootSize: 37.5rem;

// 头部
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: (44 / @rootSize);
  padding: 0 (15 / @rootSize);
  // background-color: orange;

  .icon-left {
    font-size: (17 / @rootSize);
  }

  h3 {
    font-size: (17 / @rootSize);
  }

  a {
    color: #2cb5a5;
    font-size: (15 / @rootSize);
  }
}

// banner
.banner {
  margin: (30 / @rootSize) 0;
  // background-color: orange;
  text-align: center;

  img {
    width: (240 / @rootSize);
    margin-bottom: (18 / @rootSize);
  }

  p {
    font-size: (16 / @rootSize);

    span {
      color: #16c2a3;
    }
  }
}

// 文本区域
.txt {
  padding: 0 (15 / @rootSize);
  // background-color: pink;

  ul {

    li {
      display: flex;
      border-radius: (4 / @rootSize);
      align-items: center;
      border: 1px solid #ededed;
      padding: (15 / @rootSize);
      margin-bottom: (15 / @rootSize);
    }

    .pic {
      width: (40 / @rootSize);
      height: (40 / @rootSize);
      margin-right: (15 / @rootSize);

      img {
        width: 100%;
      }
    }

    .text {
      flex: 1;
      h4 {
        font-size: (16 / @rootSize);
        margin-bottom: (4 / @rootSize);
      }
      p {
        font-size: (13 / @rootSize);
      }
    }

    i {
      font-size: (17 / @rootSize);
    }
  }
}